<template>
  <div class="footer">
     <div class="author">
			 <div class="tel">
				 <svg class="icon" aria-hidden="true">
				     <use xlink:href="#icon-dianhua"></use>
				 </svg>
				 <span>13954657894</span>
			 </div>
			 <div class="email">
				 <svg class="icon" aria-hidden="true">
				     <use xlink:href="#icon-send-sms"></use>
				 </svg>
				 <span>8974561235@qq.com</span>
			 </div>
			 <div class="qq">
				 <svg class="icon" aria-hidden="true">
				     <use xlink:href="#icon-QQ"></use>
				 </svg>
				 <span>125487987</span>
			 </div>
		 </div>
		 <div class="copy">
			 Copyright © 1998 - 2021 Tencent. All Rights Reserved.
			 
			 腾讯公司 版权所有 网络文化经营许可证：粤网文[2018]6725-2386号
		 </div>
  </div>
</template>

<script>
  export default{
    name:'',
    data(){
      return {
          
       }
    },
    methods:{
      
    },
    components:{
       
    }
  }
</script>

<style scoped>
	.footer{
		background: #414141;
		color: white;
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100vw;
		padding: 30px 0;
	}
	.author div{
		float: left;
		overflow: hidden;
		margin: 10px;
	}
	.copy{
		margin-top: 20px;
	}
	.icon {
		 width: 20px; 
		 height: 20px;
		 vertical-align: -0.15em;
		 fill: currentColor;
		 overflow: hidden;
		 margin-right: 8px;
	}
</style>
